<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>订单</title>
	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
	<link rel="stylesheet" href="__PUBLIC__/client/css/cui.css?sj={$tj}" />
	<link rel="stylesheet" href="__PUBLIC__/client/css/swiper.min.css" />
	<link rel="stylesheet" href="__PUBLIC__/client/css/style.css?sj={$tj}" />
	<script type="text/javascript" src="__PUBLIC__/client/js/jquery.js?sj={$tj}"></script>
	<style>
		.bd16 .b1-fd p em{
			background: #fff;
			z-index: 999;
			position: relative;
		}

	</style>
</head>
<body class="mhome">
	<div class="viewport">
		<div id="bd" class="bd16 fix">
           	<style>
           		/*我的预约-预约详情-待点评*/
.bd16 .box2 p {width: 33.3333%;float: left;}
.b2-hd {height: 34px;line-height: 34px;border-bottom: 1px solid #ccc;color: #999999;}
.b2-fd {line-height: 30px;padding-bottom: 12px;color: #333;}
.b2-fd .pf3 {color: #ff0000;}
.bd16 .box2 p:nth-child(3n+1) {text-align: left;padding-left: 10px;}
.bd16 .box2 p:nth-child(3n+2) {text-align: center;}
.bd16 .box2 p:nth-child(3n) {text-align: right;padding-right: 13px;}
.bd16 .b2-hd p:nth-child(3n) {color: #99999;}
.bd16 .b2-fd p:nth-child(3n) {color: #f00;}
.bd16 .b2-fd p{white-space:nowrap; overflow:hidden;}
.bd16 .box3 {padding: 0 10px 0 14px;text-align: left;font-size: 14px;}
.bd16 .box3 span {color: #f00;}
.bd16 .btn {float: right;width: 50%;margin-top: 5px;}
           	</style>
           	<p class="tit">物件清单</p>
           	
           	<if condition="$order['is_dai_jian']==2">
            		<div class="box2">
            			袋洗 {$order.total_price}元
            		</div>
            <else />
	            <div class="box2">
	                <div class="b2-hd">
	                    <p>类目</p>
	                    <p>数量</p>
	                    <p>单价</p>
	                </div>
	                <div class="b2-fd">
	                    <ul>
	                    		<volist name="yifulist" id="vo">
	                        <li>
	                            <p>{$vo.name}</p>
	                            <p>{$vo.num}</p>
	                            <p>￥{$vo.price}</p>
	                        </li>
	                        </volist>
	                    </ul>
	                    <div class="c"></div>
	                </div>
	            </div>
            </if>
            
            <div class="box3">
                实付总金额 <span>￥{$order.total_price}</span>
                <br>
                支付方式：<span>{$order.pay_type}</span>
            </div>
            
            <if condition='$yifuimg'>
	            <p class="tit">拍照</p>
	             <div class="box2">
	                <volist name="yifuimg" id="vo">
	               		<img src="{$vo.imgurl}" class="preview" style="width: 32%; float: left; padding: 5px;"/>
	                </volist>
	            </div>
            </if>
            
            
		</div>
		<div class="c"></div>
		<!--end #bd-->
	</div>
</body>
<script src="__PUBLIC__/business/js/normal.js?sj={$tj}"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
//========
wx.config({
    //debug: true,
    appId: '{$jsapi.appId}',
    timestamp: '{$jsapi.timestamp}',
    nonceStr: '{$jsapi.nonceStr}',
    signature: '{$jsapi.signature}',
    jsApiList: [
      	//所有要调用的 API 都要加到这个列表中
		  'previewImage'
    ]
});

wx.ready(function () {
	//=========================
	$('.preview').click(function(){
		wx.previewImage({
	      current: "http://wx.tingzan88.com/{$yifuimg[0]['imgurl']}",
	      urls: [
	      	 <volist name="yifuimg" id="vo">
	      	 	 'http://wx.tingzan88.com/{$vo.imgurl}',
	      	 </volist>
	      ]
	    });
	});
});
</script>